.mine_container {
  background-color: #FAFAFAFF;
  min-height: 100vh;
  padding: 20px;
  .user_info_container {
    display: flex;
    padding: 20px 0;
    justify-content: space-between;
    .avatar_container {
      width: 120px;
      height: 120px;
      margin-left: 10px;
      margin-right: 40px;
      border-radius: 60px;
      overflow: hidden;
      image {
        width: 120px;
        height: 120px;
      }
    }
    .info_detail_container {
      display: flex;
      flex-direction: column;
      flex: 1;
      text:nth-child(1) {
        color: #444444;
        line-height: 60px;
      }
      .community_auth_container {
        display: flex;
        height: 60px;
        align-items: center;
        text:nth-child(1) {
          font-size: 28px;
          color: #c5c5c5;
        }
      }
    }
    .handle_action_container {
      width: 120px;
      height: 120px;
      padding-top: 10px;
      justify-content: flex-end;
      display: flex;
      position: relative;
      text {
        font-weight: 600;
        margin-left: 16px;
        &:last-child {
          margin-right: 10px;
        }
      }
      .red_circle {
        position: absolute;
        right: 0px;
        top:  3px;/*这三行是定位*/
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: red;/*这四行是圆形红点*/

        line-height: 45px;/*数字垂直居中*/
        font-size: 20px;
        text-align: center;/*数字水平居中*/
        color: white;
      }
    }
  }
  .children_app_container {
    display: flex;
    flex-direction: column;
    margin: 30px 0;
    padding: 20px 0;
    background-color: white;
    border-radius: 20px;
    box-shadow: #dcdcdc 0px 0px 2px;
    .title_container {
      padding-left: 20px;
      padding-bottom: 20px;
      border-bottom: #f1f1f1 1px solid;
    }
    .apps_container {
      display: flex;
      flex-direction: row;
      padding-top: 20px;
      .app_item {
        width: 25%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        image {
          width: 66px;
          height: 66px;
        }
        text {
          padding: 10px 0;
          color: #555;
          font-size: 26px;
        }
      }
    }
    .settings_container {
      .setting_item {
        border-bottom: #f1f1f1 1px solid;
        margin-left: 20px;
        padding: 0;
        display: flex;
        align-items: center;
        height: 72px;
        .setting_label {
          color: #444;
          font-size: 28px;
          margin-left: 10px;
          flex: 1;
          text-align: left;
        }
        .setting_value {
          color: #dedede;
        }
      }
    }
  }
  .logout_btn {
    border-radius: 40px;
    border: none;
  }
}

.primary_tag {
  color: #409eff !important;
  border: 2px solid #d9ecff;
  background-color: #ecf5ff;
  border-radius: 20px !important;
  font-size: 26px !important;
  padding: 10px !important;
  line-height: 26px !important;
}

.danger_tag {
  color: #f56c6c !important;
  border: 2px solid #fde2e2;
  background-color: #fef0f0;
  border-radius: 20px !important;
  font-size: 26px !important;
  padding: 10px !important;
  line-height: 26px !important;
}
